<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<link rel="stylesheet" href="../assets/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../assets/css/common.css" media="all">


    <title>发码订单</title>
</head>
<body>
<div class="page-layout">
    <div class="page-header">
  <ul class="layui-nav nav-left">
    <li class="layui-nav-item layui-this"><a href="###">控制中心</a></li>
    <li class="layui-nav-item"><a href="###">应用中心</a></li>
    <li class="layui-nav-item"><a href="###">数据中心</a></li>
  </ul>
  <ul class="layui-nav nav-right">
    <li class="layui-nav-item">
      <div class="search-input">
        <input class="layui-input" placeholder="输入关键字搜索" type="text">
      </div>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><span class="layui-badge-dot"></span><img src="../assets/images/icon_email.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><img src="../assets/images/icon_help.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" style="margin-right: 10px">
      <a href="5-扫码主页.html">数码管理</a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" lay-unselect="">
      <a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img"><span class="layui-nav-more"></span></a>
      <dl class="layui-nav-child layui-anim layui-anim-upbit">
        <dd><a href="6-账户信息.html">账户信息</a></dd>
        <dd><a href="6-资质管理.html">资质管理</a></dd>
        <dd><a href="javascript:;">通用设置</a></dd>
        <dd><a href="javascript:;">修改密码</a></dd>
        <dd><a href="javascript:;">退出账号</a></dd>
      </dl>
    </li>
  </ul>
</div>
    <div class="page-side">
    <div class="side-left">
        <a class="logo" href="/">
            <img src="../assets/images/logo.png" alt="">
        </a>
        <ul class="layui-nav layui-nav-tree">
            <li data-navid="nav_item01" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_01.png" alt=""></i>系统概况</a></li>
            <li data-navid="nav_item02" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_02.png" alt=""></i>商品管理</a></li>
            <li data-navid="nav_item03" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_07.png" alt=""></i>数码管理</a></li>
            <li data-navid="nav_item04" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_03.png" alt=""></i>商品秀</a></li>
            <li data-navid="nav_item05" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_04.png" alt=""></i>渠道管控</a></li>
            <li data-navid="nav_item06" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_06.png" alt=""></i>防伪管理</a></li>
            <li data-navid="nav_item07" class="layui-nav-item" style="display: none;"></li>

        </ul>
        <div class="side-left_bottom">
            <a class="" href="javascript:;"><i class="side_icon"><img
              src="../assets/images/side_icon_08.png" alt=""></i>系统设置
            </a>
            <div class="side-left_bottom_nav">
                <ul>
                    <li><a href="#"><span>微管家</span></a></li>
                    <li class="active"><a  href="#"><span>帐号权限</span></a></li>
                    <li><a href="#"><span>操作日志</span></a></li>
                </ul>
            </div>
        </div>

    </div>
    <div class="side-right">
        <div id="nav_item02" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="3-品牌列表.html"><span>品牌列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-分类列表.html"><span>分类列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-规格列表.html"><span>规格列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-商品列表.html"><span>商品列表</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item03" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="5-发码订单.html"><span>发码订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-印刷订单.html"><span>印刷订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-批次管理.html"><span>批次管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码主页.html"><span>扫码主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码明细列表.html"><span>扫码明细</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码黑名单列表.html"><span>扫码黑名单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码设置.html"><span>扫码设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item04" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="4-选择模板.html"><span>商品主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="4-编辑模板页.html"><span>模板设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item05" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>客户管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-客户列表.html"><span>客户列表</span></a></dd>
                        <dd><a href="2.1-客户关系线图.html"><span>关系线图</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>授权管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-授权审核.html"><span>授权审核</span></a></dd>
                        <dd><a href="2-审核设置.html"><span>审核设置</span></a></dd>
                        <dd><a href="2-品牌授权管理.html"><span>品牌授权管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权证书管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权查询</span></a></dd>
                        <dd><a href="javascript:;"><span>授权直达页</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>渠道发货</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2.1-发货管理.html"><span>发货管理</span></a></dd>
                        <dd><a href="2.1-退货记录管理.html"><span>退货管理</span></a></dd>
                        <dd><a href="2.1-仓库管理.html"><span>仓库管理</span></a></dd>
                        <dd><a href="javascript:;"><span>客户库存监控</span></a></dd>
                        <dd><a href="2.1-采集器管理.html"><span>采集器管理</span></a></dd>
                        <dd><a href="2.1-发货设置.html"><span>发货设置</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>物流追踪</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><span>窜货监控</span></a></dd>
                        <dd><a href="2.1-物流追踪.html"><span>物流追踪</span></a></dd>
                        <dd><a href="2.1-预警设置.html"><span>预警设置</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item06" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-回复管理.html"><span>回复管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-防伪编辑模板页.html"><span>模板设置</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>基础设置</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="6-模板消息配置.html"><span>模板消息配置</span></a></dd>
                        <dd><a href="6-查询次数.html"><span>查询次数</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item07" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-账户信息.html">账户信息</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-资质管理.html">资质管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-修改密码.html">修改密码</a>
                </li>
            </ul>
        </div>
    </div>
</div>
    <div class="page-body">
        <div class="page-container">
            <div class="page-title">
                <h2>在线生码</h2>
                <a href="#" onClick="javascript:history.back(-1);"><span>返回</span></a>
            </div>
            <div class="alert-msg">
                <p><i class="icon_tips"></i>取消发布后消费者扫码将看不到此商品的信息</p>
                <span class="close_alert"></span>
            </div>
            <div class="layui-row" style="padding-bottom: 50px;">
                <div class="layui-col-xs5">
                    <div class="set-box ma-box mr6">
                        <div class="layui-form">
                            <div class="layui-form-item mb0">
                                <label class="layui-form-label pl0" style="width: auto">赋码方式</label>
                                <div class="layui-input-block">
                                    <span><input type="radio" lay-filter="rd1" name="rd1" value="贴标" title="贴标"
                                                 checked=""></span>
                                    <span><input type="radio" lay-filter="rd1" name="rd1" value="喷码" title="喷码"></span>
                                </div>
                            </div>
                            <div class="layui-form-item mb0" id="label_type">
                                <label class="layui-form-label pl0" style="width: auto">标签类型</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="rd2" lay-filter="rd2" value="单标" title="单标" checked="">
                                    <input type="radio" name="rd2" lay-filter="rd2" value="套标(拖标)" title="套标(拖标)">
                                    <i class="question" data-toggle="tips"
                                       data-title="发货套标，即指贴在包装箱上的二维码，使用发货套标，可以通过关联包装箱内的商品码进行统一发货处理"
                                       style="margin-left: -5px;"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="set-box ma-box mr6 mt7" style="border-radius: 8px 8px 0 0 ;">
                        <div class="layui-row">
                            <div class="layui-col-xs12">
                                <div class="text-title fw600"
                                     style="padding-bottom: 15px;border-bottom: 1px solid #eaeaea;">商品码(小码)
                                </div>
                            </div>
                        </div>
                        <div class="layui-form">
                            <div class="layui-form-item">
                                <label class="layui-form-label pl0" style="width: auto">数据结构</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="rd3" lay-filter="rd3" value="单码" title="单码" checked="">
                                    <input type="radio" name="rd3" lay-filter="rd3" value="双联码" title="双联码">
                                </div>
                            </div>
                            <div class="layui-form-item flex-start mb0">
                                <label class="layui-form-label pl0 mr0" style="text-align: left;width: auto;">
                                    商品盒码
                                </label>
                                <div class="layui-input-block">
                                    <div class="code_flex">
                                        <div class="mr20">
                                            <div class="code_box"
                                                 style="background-image: url('../assets/images/code_bg.png')">
                                                <div id="mcode_th" class="fs12 text-title pt10">
                                                    <span class="show_del" style="position: relative;">00001
                                                        <i class="icon_delete" style="right: -13px;"></i>
                                                    </span>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                                <div id="mcode_rwm" class="code_img mt10 mb10"
                                                     style="position: relative;display: inline-block;line-height: 57px;">
                                                    <div class="show_del">
                                                        <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_x2_9d645d9.png"
                                                             alt="">
                                                        <i class="icon_delete"></i>
                                                    </div>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                                <div id="mcode_szm" class="fs12 text-title">
                                                    <span class="show_del" style="position: relative;">012012321123
                                                        <i class="icon_delete" style="right: -13px;"></i>
                                                    </span>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                            </div>
                                            <div id="mcode_text" style="display: none;" class="fs12 text-title tc mt10">
                                                明码
                                            </div>
                                        </div>
                                        <!--<div style="width: 120px;">-->
                                        <!--<input type="checkbox" name="mcode[th]" lay-filter="mcode[th]" lay-skin="primary" title="套号"-->
                                        <!--checked="">-->
                                        <!--<input type="checkbox" name="mcode[rwm]" lay-filter="mcode[rwm]" lay-skin="primary" title="二维码"-->
                                        <!--checked="">-->
                                        <!--<input type="checkbox" name="mcode[szm]" lay-filter="mcode[szm]" lay-skin="primary" title="数字码"-->
                                        <!--checked="">-->
                                        <!--</div>-->
                                    </div>
                                    <div class="code_notice">
                                        <img src="../assets/images/zs.png" alt="">
                                        <img src="../assets/images/zs.png" alt="">
                                        <img src="../assets/images/zs.png" alt="">
                                    </div>
                                    <div id="ancode" style="display: none;" class="code_flex">
                                        <div class="mr20">
                                            <div class="code_box"
                                                 style="background-image: url('../assets/images/code_bg.png')">
                                                <!--此编号占位不显示，可忽略-->
                                                <div id="ancode_th" class="fs12 text-title pt10" style="opacity: 0;">
                                                    00001
                                                </div>

                                                <div id="ancode_rwm" class="code_img mt10 mb10"
                                                     style="position: relative;display: inline-block;line-height: 57px;">
                                                    <div class="show_del">
                                                        <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_x2_9d645d9.png"
                                                             alt="">
                                                        <i class="icon_delete"></i>
                                                    </div>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                                <div id="ancode_szm" class="fs12 text-title">
                                                    <span class="show_del" style="position: relative;">012012321123<i
                                                            class="icon_delete" style="right: -13px;"></i></span>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                            </div>
                                            <div class="fs12 text-title tc mt10">暗码</div>
                                        </div>
                                        <!--<div style="width: 120px;">-->
                                        <!--<input type="checkbox" name="ancode[th]" lay-filter="ancode[th]" lay-skin="primary" title="套号" checked="">-->
                                        <!--<input type="checkbox" name="ancode[rwm]" lay-filter="ancode[rwm]" lay-skin="primary" title="二维码" checked="">-->
                                        <!--<input type="checkbox" name="ancode[szm]" lay-filter="ancode[szm]" lay-skin="primary" title="数字码" checked="">-->
                                        <!--</div>-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="set-box ma-box mr6" style="display: none;border-radius: 0 0 8px 8px;margin-top: 1px;"
                         id="big_ma">
                        <div class="layui-row">
                            <div class="layui-col-xs12">
                                <div class="text-title fw600"
                                     style="padding-bottom: 18px;border-bottom: 1px solid #eaeaea;">箱码(大码)
                                </div>
                            </div>
                        </div>
                        <div class="layui-form">
                            <div class="layui-form-item mt15">
                                <label class="layui-form-label pl0" style="width: auto">数据结构</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="rd4" lay-filter="rd4" value="单码" title="单码" checked="">
                                    <input type="radio" name="rd4" lay-filter="rd4" value="双联码" title="双联码">
                                </div>
                            </div>
                            <div class="layui-form-item flex-start mb0">
                                <label class="layui-form-label pl0 mr0" style="text-align: left;width: auto;">
                                    箱码示图
                                </label>
                                <div class="layui-input-block">
                                    <div class="code_flex">
                                        <div class="mr20">
                                            <div class="code_box"
                                                 style="background-image: url('../assets/images/code_bg1.png')">
                                                <div id="mcode_th1" class="fs12 text-title pt10">
                                                    <span class="show_del" style="position: relative;">00001<i
                                                            class="icon_delete"
                                                            style="right: -13px;"></i></span>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                                <div id="mcode_rwm1" class="code_img mt10 mb10"
                                                     style="position: relative;display: inline-block;line-height: 57px;">
                                                    <div class="show_del">
                                                        <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_x2_9d645d9.png"
                                                             alt="">
                                                        <i class="icon_delete"></i>
                                                    </div>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                                <div id="mcode_szm1" class="fs12 text-title">
                                                    <span class="show_del" style="position: relative;">012012321123<i
                                                            class="icon_delete" style="right: -13px;"></i></span>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                            </div>
                                            <div id="mcode_text1" style="display: none;"
                                                 class="fs12 text-title tc mt10">
                                                明码
                                            </div>
                                        </div>
                                        <!--<div style="width: 120px;">-->
                                        <!--<input type="checkbox" name="mcode[th]" lay-filter="mcode[th]" lay-skin="primary" title="套号"-->
                                        <!--checked="">-->
                                        <!--<input type="checkbox" name="mcode[rwm]" lay-filter="mcode[rwm]" lay-skin="primary" title="二维码"-->
                                        <!--checked="">-->
                                        <!--<input type="checkbox" name="mcode[szm]" lay-filter="mcode[szm]" lay-skin="primary" title="数字码"-->
                                        <!--checked="">-->
                                        <!--</div>-->
                                    </div>
                                    <div id="ancode1" style="display: none;" class="code_flex">
                                        <div class="mr20">
                                            <div class="code_box"
                                                 style="background-image: url('../assets/images/code_bg1.png')">
                                                <!--此编号占位不显示，可忽略-->
                                                <div id="ancode_th2" class="fs12 text-title pt10" style="opacity: 0;">
                                                    00001
                                                </div>

                                                <div id="ancode_rwm2" class="code_img mt10 mb10"
                                                     style="position: relative;display: inline-block;line-height: 57px;">
                                                    <div class="show_del">
                                                        <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_x2_9d645d9.png"
                                                             alt="">
                                                        <i class="icon_delete"></i>
                                                    </div>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                                <div id="ancode_szm2" class="fs12 text-title">
                                                    <span class="show_del" style="position: relative;">012012321123<i
                                                            class="icon_delete" style="right: -13px;"></i></span>
                                                    <a href="#" class="text-main click_show"
                                                       style="display: none;">显示</a>
                                                </div>
                                            </div>
                                            <div class="fs12 text-title tc mt10">暗码</div>
                                        </div>
                                        <!--<div style="width: 120px;">-->
                                        <!--<input type="checkbox" name="ancode[th]" lay-filter="ancode[th]" lay-skin="primary" title="套号" checked="">-->
                                        <!--<input type="checkbox" name="ancode[rwm]" lay-filter="ancode[rwm]" lay-skin="primary" title="二维码" checked="">-->
                                        <!--<input type="checkbox" name="ancode[szm]" lay-filter="ancode[szm]" lay-skin="primary" title="数字码" checked="">-->
                                        <!--</div>-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs7">
                    <div class="zpform_block" style="height: 600px;">
                        <div class="layui-form zpform">
                            <div class="layui-form-item">
                                <label class="layui-form-label">数据用途</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <input type="checkbox" name="like1[write]" lay-skin="primary" title="防伪"
                                               checked="">
                                        <input type="checkbox" name="like1[read]" lay-skin="primary" title="防窜货">
                                        <input type="checkbox" name="like1[game]" lay-skin="primary" title="溯源">
                                        <input type="checkbox" name="like1[game]" lay-skin="primary" title="活动">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">生成数量</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <div class="input_group">
                                            <input value="1000" class="layui-input" type="text" style="width: 330px;">
                                            <span>组/套</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tbtb" style="display: none;" class="layui-form-item">
                                <label class="layui-form-label">套标拖比</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <div class="before_word">1拖</div>
                                        <input type="text" class="layui-input w350" placeholder="请输入拖比数量">
                                    </div>
                                    <div class="text-muted mt5 fs12">拖比取决于产品包装数量，即一个大箱内所装产品的数量</div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label ls_label">起始流水号</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <div class="input_group">
                                            <input value="1000" class="layui-input" type="text" style="width: 134px;"
                                                   placeholder="前置字符(可不填)">
                                            <span class="recode_btn" style="cursor: pointer;"><img
                                                    src="../assets/images/code_search.png" alt=""></span>
                                        </div>
                                        <input type="text" class="layui-input ml6 mr6" value="0000001"
                                               style="width: 100px;" id="before_input">
                                        <span>-</span>
                                        <input type="text" class="layui-input ml6 bg-gray" value="0000001"
                                               style="width: 100px;cursor: not-allowed;" disabled>
                                    </div>
                                    <div class="text-muted mt5 fs12">套号由系统生成，支持4个英文字符的前置，如您不需要可以不填</div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">防伪域名</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <div class="w380">
                                            <select name="com" lay-filter="sel2">
                                                <option value="0">微信公众号</option>
                                                <option value="1">abc.onlyid.com</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="uploadimg" class="layui-form-item flex-start">
                                <label class="layui-form-label">公众号图片</label>
                                <div class="layui-input-block">
                                    <div>
                                        <div class="layui-upload">
                                            <div class="layui-upload-list">
                                                <div class="upload-img-box"><i class="icon_del"></i><img
                                                        src="../assets/images/goods01.jpg" class="layui-upload-img">
                                                </div>
                                            </div>
                                            <button type="button" class="addfile_btn"><i></i><span>添加图片</span></button>
                                        </div>
                                        <div class="fs12 text-muted mt5">检测到您的网址为:<span class="text-main">weixin.qq.com/123132131/1231231</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">激活方式</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="check1" value="批次激活" title="批次激活" checked="">
                                    <input type="radio" name="check1" value="扫码激活" title="扫码激活">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">订单备注</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <input maxlength="20" type="text" name="title" placeholder="请输入备注内容"
                                               class="layui-input w380">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="mt30" style="margin-left: 50px;">
                            <div class="fs14 text-title fw600">
                                小计：本次发码数量共计<span class="text-main">10010组</span><span
                                    class="fw500">(商品码10000组，箱码10组)</span>
                            </div>
                            <div class="fs12 text-muted">
                                （当前剩余可用码数1000组，您的可用码数不足，请前往“<a class="text-main">充值</a>”）
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--底部栏按钮-->
        <div class="page-footer">
  <div class="btn-outside">
    <button onclick="提交Click" class="layui-btn" style="background-color: #0087f1;">提交</button>
    <button class="layui-btn layui-btn-primary">取消</button>
  </div>
</div>
    </div>
</div>
</div>
<!--操作模板-->
<script type="text/html" id="czTemplet">
    <button class="layui-btn" style="background-color: #0087f1;">使用</button>
</script>

<!--前缀使用记录（流水号）弹框-->
<div id="recodePopup" class="zp_popup_container">
    <div>
        <div class="layui-form zpform">
            <div class="table-border" style="position:relative;top: -10px;">
                <table class="layui-hide" id="test1"></table>
            </div>
        </div>
    </div>
</div>
<script src="../assets/layui/layui.all.js"></script>
<script src="../assets/js/common.js"></script>

<script>
    var element = layui.element;
    var form = layui.form;
    var $ = layui.jquery;
    var table = layui.table;

    $('.recode_btn').on('click', function () {
        recodePro();
    });

    // 打开前缀使用记录（流水号）弹框
    function recodePro() {
        layer.open({
            title: '前缀使用记录（流水号）',
            skin: 'zp-popup',
            area: '540px',
            type: 1,
            content: $('#recodePopup')
        });
    }

    // 弹框表格
    var data = [
        {
            "qz": "HYG",
            "bqmc": "商品A,商品B商品B商品B商品B商品B商品B商品B商品B商品B商品B",
            "zzsz": "0005010",
        },
        {
            "qz": "HYG",
            "bqmc": "商品A,商品B商品B商品B商品B商品B商品B商品B商品B商品B商品B",
            "zzsz": "0005010",
        },
        {
            "qz": "HYG",
            "bqmc": "商品A,商品B商品B商品B商品B商品B商品B商品B商品B商品B商品B",
            "zzsz": "0005010",
        },
        {
            "qz": "HYG",
            "bqmc": "商品A,商品B商品B商品B商品B商品B商品B商品B商品B商品B商品B",
            "zzsz": "0005010",
        },
        {
            "qz": "HYG",
            "bqmc": "商品A,商品B商品B商品B商品B商品B商品B商品B商品B商品B商品B",
            "zzsz": "0005010",
        },
    ];

    table.render({
        elem: '#test1',
        cellMinWidth: 80,
        height: 300,
        skin: 'line',
        cols: [[
            {field: 'qz', width: 100, title: '前缀'},
            {field: 'bqmc', width: 180, title: '标签名称'},
            {field: 'zzsz', width: 120, title: '终止数值'},
            {field: 'zc', width: 100, title: '操作', templet: '#czTemplet'},
        ]],
        data: data
    });


    //点击删除按钮不显示
    $('.icon_delete').on('click', function () {
        $(this).parent().hide();
        $(this).parent().siblings().show();
    });
    //点击显示二维码
    $('.click_show').on('click', function () {
        $(this).hide();
        $(this).siblings().show();
    });

    //点击喷码隐藏标签类型
    form.on('radio(rd1)', function (data) {
        console.log(data.value); //被点击的radio的value值
        if (data.value == "喷码") {
            $("#big_ma").hide();
            $("#label_type").hide();
        } else {
            $("#label_type").show();
        }
    });
    //单标套标切换显示
    form.on('radio(rd2)', function (data) {
        console.log(data.value); //被点击的radio的value值
        if (data.value == "单标") {
            $("#big_ma").hide();
            $("#tbtb").hide();
            $(".ls_label").html('起始流水号');
            $("#before_input").css('cursor', 'none');
            $("#before_input").attr('disabled', false);
            $("#before_input").removeClass('bg-gray');
        } else {
            $("#big_ma").show();
            $("#tbtb").show();
            $(".ls_label").html('起始套号');
            $("#before_input").css('cursor', 'not-allowed');
            $("#before_input").attr('disabled', true);
            $("#before_input").addClass('bg-gray');
        }
    });

    //商品码(小码)单双码切换
    form.on('radio(rd3)', function (data) {
        console.log(data.value); //被点击的radio的value值
        if (data.value == "单码") {
            $("#ancode").hide();
            $("#mcode_text").hide();
            $(".code_notice").show();
        } else {
            $("#ancode").show();
            $("#mcode_text").show();
            $(".code_notice").hide();
        }
    });

    //箱码(大码)单双码切换
    form.on('radio(rd4)', function (data) {
        console.log(data.value); //被点击的radio的value值
        if (data.value == "单码") {
            $("#ancode1").hide();
            $("#mcode_text1").hide();
        } else {
            $("#ancode1").show();
            $("#mcode_text1").show();
        }
    });
    form.on('select(sel2)', function (data) {
        console.log(data.value); //被点击的radio的value值
        if (data.value == 1) {
            $("#uploadimg").hide();
        } else {
            $("#uploadimg").show();
        }
    });


    /*明码-套号*/
    form.on('checkbox(mcode[th])', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#mcode_th").css('opacity', 1);
        } else {
            $("#mcode_th").css('opacity', 0);
        }
    });
    /*明码-二维码*/
    form.on('checkbox(mcode[rwm])', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#mcode_rwm").css('opacity', 1);
        } else {
            $("#mcode_rwm").css('opacity', 0);
        }
    });

    /*明码-数字码*/
    form.on('checkbox(mcode[szm])', function (data) {
        if (data.elem.checked) {
            $("#mcode_szm").css('opacity', 1);
        } else {
            $("#mcode_szm").css('opacity', 0);
        }
    });


    /*暗码-套号*/
    form.on('checkbox(ancode[th])', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#ancode_th").css('opacity', 1);
        } else {
            $("#ancode_th").css('opacity', 0);
        }
    });

    /*暗码-二维码*/
    form.on('checkbox(ancode[rwm])', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#ancode_rwm").css('opacity', 1);
        } else {
            $("#ancode_rwm").css('opacity', 0);
        }
    });


    /*暗码-数字码*/
    form.on('checkbox(ancode[szm])', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#ancode_szm").css('opacity', 1);
        } else {
            $("#ancode_szm").css('opacity', 0);
        }
    });


    /*包装码-套号*/
    form.on('checkbox(bcode[th])', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#bcode_th").css('opacity', 1);
        } else {
            $("#bcode_th").css('opacity', 0);
        }
    });

    /*包装码-套号*/
    form.on('checkbox(bcode[rwm])', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#bcode_rwm").css('opacity', 1);
        } else {
            $("#bcode_rwm").css('opacity', 0);
        }
    });

    /*包装码-套号*/
    form.on('checkbox(bcode[szm])', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#bcode_szm").css('opacity', 1);
        } else {
            $("#bcode_szm").css('opacity', 0);
        }
    });

    /*前置字符*/
    form.on('checkbox(checkbox01)', function (data) {
        console.log(data.elem.checked); //被点击的radio的value值
        if (data.elem.checked) {
            $("#bftext").show();
            $("#bftext").next('input').css('borderRadius', '0 5px 5px 0');
        } else {
            $("#bftext").hide();
            $("#bftext").next('input').css('borderRadius', '5px');
        }
    });

    /*当前导航位置*/
    currNav(3, 1, 0);
</script>
</body>
</html>